<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<h:head>
	<link rel="stylesheet" type="text/css" href="../css/styles.css" />
	<script type="text/javascript" src="../../js/funciones.js" />
</h:head>
<h:body>
	<p:idleMonitor onactive="sessionTimeOutDialog.show();"
		timeout="#{session.maxInactiveInterval * 1000}" />

	<!-- ================================================== -->
	<!-- Para que muestre una pantalla de cargando cuando se haga algun registro -->
	<!-- 		<p:ajaxStatus onstart="statusDialog.show();"
			onsuccess="statusDialog.hide();" />
		<p:dialog modal="true" widgetVar="statusDialog" showHeader="false"
			draggable="false" closable="false" resizable="false" width="51">
			<div align="center">
				<p:graphicImage value="../resources/images/ajaxLoading.gif"
					styleClass="loading-icon" />
			</div>
		</p:dialog> -->
	<!-- ================================================== -->

	<p:layout fullPage="true">
		<p:layoutUnit position="north" size="100">
			<!-- 			<div id="header">
				<div id="logo" />
			</div> -->
			<h:form id="frmCabecera">
				<div id="userInfo">
					<b><h:outputText value="Bienvenido Usuario:Administrador" /></b> <br />
					<p:panel>
						<div align="center">
							<p:panelGrid>
								<p:row>
						<p:column style="width: 20%;">
							<p:commandButton value="Control de servicio"
								style="width: 100%;" action="#{plantillaController.open}"></p:commandButton>
						</p:column>
									
						<p:column style="width: 20%;">
							<p:commandButton value="Mantenimiento de flota"
								style="width: 100%;" action="#{plantillaController.open}"></p:commandButton>
						</p:column>
						<p:column style="width: 20%;">
							<p:commandButton value="Gestion de carga"
								style="width: 100%;" action="#{solicitudController.open}"></p:commandButton>
						</p:column>
						<p:column style="width: 20%;">
							<p:commandButton value="Seguridad"
								style="width: 100%;" action="#{plantillaController.open}"></p:commandButton>
						</p:column>
								</p:row>
							</p:panelGrid>
						</div>
					</p:panel>

				</div>
			</h:form>
		</p:layoutUnit>
		<p:layoutUnit position="west" size="235">
			<h:form>
				<p:growl id="messages" />
				<p:panelGrid>
					<p:row>
						<p:column style="width: 100%;">
							<p:commandButton value="Plantillas de mantenimiento"
								style="width: 100%;" action="#{plantillaController.open}"></p:commandButton>
						</p:column>
					</p:row>
					<p:row>
						<p:column style="width: 100%;">
							<p:commandButton value="Socilitud de mantenimiento"
								style="width: 100%;" action="#{solicitudController.open}"></p:commandButton>
						</p:column>
					</p:row>
					<p:row>
						<p:column style="width: 100%;">
							<p:commandButton value="Maestro de actividades"
								style="width: 100%;" action="#{actividadController.open}"></p:commandButton>
						</p:column>
					</p:row>
				</p:panelGrid>

			</h:form>
		</p:layoutUnit>

		<p:layoutUnit position="center">
			<ui:insert name="cuerpo">
				<ui:include src="cuerpo.xhtml" />
			</ui:insert>
		</p:layoutUnit>
	</p:layout>
</h:body>
</html>

